<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script defer src="js/jquery.flexslider.js"></script>
<script src="js/modernizr.js"></script>

<script type="text/javascript">    
    $(window).load(function(){
      $('.flexslider').flexslider({
        animation: "slide",
        start: function(slider){
          $('body').removeClass('loading');
        }
      });
    });
  </script>

<div id="main" role="main">
      <section class="slider">
        <div class="flexslider">
          <ul class="slides">
            <li>
  	    	    <img src="img/slide1.png" />
  	    		</li>
  	    		<li>
  	    	    <img src="img/slide2.png" />
  	    		</li>
  	    		<li>
  	    	    <img src="img/slide3.png" />
  	    		</li>
                        <li>
  	    	    <img src="img/slide4.png" />
  	    		</li>
  	    		
          </ul>
        </div>
      </section>